<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>item</title>
    <link rel="stylesheet" href="../css/main2.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/main.js"></script>
    <script src="../js/Info.js"></script>
    <script src="../js/ajax2.js"></script>
</head>
<body>
                    
<div class="header">
    <div class="container">
        <div class="header-bar">
            <div class="header-left">
                <img src="../images/logo.png" alt="">
            </div>
            <div class="header-right" style="background-color: #5ca11f; width: 100px;">
                <div class="shop">
                    <!-- <img src="images/shop.png" alt="">
                    <span>2</span> -->
                </div>
                <div class="user">
                    <a style="display: block; text-align: center; width: 100px; color: #fff; font-size: 18px; cursor: pointer;" id="SignIn">
                        Sign In or On
                    </a>
                    <span class="exit">EXIT</span>
                    <!-- <img src="images/user.png" alt="">
                    <span>Sun Jifeng</span> -->
                </div>
            </div>
        </div>
        <div class="nav">
            <div class="nav-cover">
                <ul class="nav-item">
                    <li><a href="file.html">Web Themes & Templates</a></li>
                    <li><a href="#">Code</a></li>
                    <li><a href="#">Video</a></li>
                    <li><a href="#">Audio</a></li>
                    <li><a href="#">Graphics</a></li>
                    <li><a href="#">Potos</a></li>
                    <li><a href="#">3D</a></li>
                    <span></span>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="sec-nav">
    <div class="container">
        <ul class="sec-item">
            <li><a href="#">All Items</a></li>
            <li><a href="#">WordPres</a></li>
            <li><a href="#">Simple Site Builder</a></li>
            <li><a href="#">HTML</a></li>
            <li><a href="#">Marketing</a></li>
            <li><a href="#">CMS</a></li>
            <li><a href="#">eCommerce</a></li>
            <li><a href="#">Muse</a></li>
            <li><a href="#">UI Design</a></li>
            <li><a href="#">Plugins</a></li>
            <li><a href="#">More</a></li>
            <input type="text" placeholder="Search">
            <img src="../images/search.jpg" alt="">
        </ul>
    </div>
</div>
<div class="item-content">
    <div class="back-color">
        <div class="container">
            <div class="fix">
                <div class="item-content-title">
                    <h1 id="gg">Discussion on Pirana - Responsive Personal Template</h1>
                </div>
                <div class="choose">
                    <span id="item">item Details</span><span id="comments">Comments</span>
                </div>
            </div>
        </div>
    </div>
    <div class="all-content">
        <div class="container">
            <div class="all-content-fix">
                <div class="item-content-left">
                    <div class="img-card">
                        <div class="change-image">
                            <img src="../images/g5.png" alt="" class="model">
                        </div>
                        <div class="img-center">
                            <span>Live Preview <img src="../images/ge.png" alt=""></span>
                            <div class="share">
                                <img src="../images/share.png" alt=""><img
                                    src="../images/f.png" alt=""><img src="../images/g.png" alt=""><img src="../images/bird.png" alt=""><img
                                    src="../images/pu.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="btn-group">
                        <div class="btn-center">
                            <span><img src="../images/heart.png" alt=""> Add to Favorites</span>
                            <span><img src="../images/file.png" alt=""> Add to Favorites</span>
                        </div>
                    </div>
                    <div class="intruduce-all">
                    <div class="intruduce">
                        <p>

                        </p>
                    </div>
                    <div class="features">
                        <h3></h3>
                        <ul>

                        </ul>
                        <p></p>
                    </div>
                    <div class="include">
                        <h3>Included Files</h3>
                        <ul>
                            <li>100% Responsive</li>
                            <li>Clean Code</li>
                            <li>Parallax Effect</li>
                            <li>Clean Code</li>
                            <li>Parallax Effect</li>
                            <li>W3C Valid HTML5 & CSS3</li>
                            <li>Google Fonts</li>
                        </ul>
                        <p>Note : ../Images In Preview are not Included width the Download Files and it's only for preview</p>
                    </div>
                    <div class="more">
                        <h3>More item by yahyaessam</h3>
                        <img src="../images/1.png" alt=""><img src="../images/2.png" alt=""><img src="../images/3.png" alt="">
                        <p>View author protfolio</p>
                    </div>
                </div>
                </div>
                <div class="item-content-left2">
                    <div class="all-comments">
                        <div class="comments">
                            <div class="comments-top">
                                <div class="comments-top-fix">
                                    <img src="../images/head.png" alt=""><span>PreScriptZ</span>
                                </div>
                                <div class="date">
                                    about 3 hours ago <img src="../images/huiqi.png" alt="">
                                </div>
                                <div class="clear"></div>
                                <p>intereting Work!Congratulations</p>
                            </div>
                            <div class="comments-bottom">

                            </div>
                        </div>
                        <div class="comments-sec">
                            <div class="comments-top">
                                <div class="comments-top-fix">
                                    <img src="../images/photo.png" alt=""><span>PreScriptZ</span><button>AUTHOR</button>
                                </div>
                                <div class="date">
                                    about 3 hours ago <img src="../images/huiqi.png" alt="">
                                </div>
                                <div class="clear"></div>
                                <p>intereting Work!Congratulations</p>
                            </div>
                            <div class="comments-bottom">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="item-content-right">
                    <div class="price-fix">
                        <div class="item-price">
                            <h1>Regular License</h1>
                            <span>$14</span>
                        </div>
                        <div class="button-group">
                            <button><img src="../images/green.png" alt="">Add to Cart</button>
                            <div class="down">
                                 <!-- <a>Buy Now</a> -->
                            </div>
                        </div>
                    </div>
                    <div class="author">
                        <img src="../images/photo.png" alt=""><span>yahyaessam</span>
                        <div class="clear"></div>
                        <button id="item_author">View Portfolio</button>
                    </div>
                    <div class="sales">
                        <img src="../images/grey.png" alt=""><span>0</span><span>Sales</span>
                    </div>
                    <div class="chat">
                        <img src="../images/chat.png" alt=""><span>4</span><span>Comments</span>
                    </div>
                    <div class="manage">
                         <div class="manage-fix">
                             <ul>
                                 <li class="update-time"><strong>Last Update</strong><p>9 september 18</p></li>
                                 <li class="create-time"><strong>Create</strong><p>9 september 18</p></li>
                                 <li><strong>Hight Resolution</strong><p>Yes</p></li>
                                 <li class="compatibleBrower"><strong>Compatible</strong><p>IE9,IE10,IE11,Firefox,Safari,Opera,Chrome,Edge</p></li>
                                 <li><strong>Browsers</strong><p>9 september 18</p></li>
                                 <li class="compatibleScript"><strong>Compatible With</strong><p>Bootstrap 3.x</p></li>
                                 <li><strong>ThemeForest</strong><p>PHP Files</p></li>
                             </ul>
                         </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="min_width">
    <div class="container">
        <div class="footer_up">
            <ul>
                <li>
                    <h5>ENVATO MARKEI</h5>
                </li>
                <li>
                    <a href="javascript:;" title="">Terms</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Licenses</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Market API</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Become an affiliate</a>
                </li>
            </ul>
            <ul>
                <li>
                    <h5>HELP</h5>
                </li>
                <li>
                    <a href="javascript:;" title="">Themes and Templates</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Websites</a>
                </li>
                <li>
                    <a href="javascript:;" title="">AUthors API</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Help Center</a>
                </li>
            </ul>
            <ul>
                <li>
                    <h5>JOIN OUR COMMUNITY</h5>
                </li>
                <li>
                    <a href="javascript:;" title="">Community</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Blog</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Forums</a>
                </li>
                <li>
                    <a href="javascript:;" title="">Meetups</a>
                </li>
            </ul>
            <img src="../../images/logo.png" alt="">
        </div>
        <div class="footer_down">
            <ul>
                <li><a href="javascript:;" title="">About Envato</a></li>
                <li><a href="javascript:;" title="">Careers</a></li>
                <li><a href="javascript:;" title="">Privacy policy</a></li>
                <li><a href="javascript:;" title="">Sitemap</a></li>
            </ul>
            <p>All prices are in US dollars</p>
            <p>© 2018 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.</p>
        </div>
    </div>
</footer>

<script>
    $("#item_author").click(function(){
        window.location.href="author.html";
    });
    $(".exit").click(function(){
        window.location.href="sign.html";
    });
</script>
</body>
</html>